﻿.w1260{width: 100%; display:inline-block;margin: 0 auto; position: relative; font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}

.w-h{min-height: 100%;}
.bg-left{top: 0; left: 0; width: 180px; height: 100%; z-index: -1; background-color: #293038;}

.top_bi{height: 50px; padding-left: 14px; background-color: #373d41;}
.top_bi .word-left{font-size: 24px; color: #fff; line-height: 50px;}
.top_bi .btn-exit{margin: 8px 9px 0 0; font-size: 34px; color: #fff; font-weight: 600;}
.top_bi .opt-right{margin-right: 17px; height: 50px; padding: 0 19px; border-left: 1px solid #2a2f32; border-right: 1px solid #2a2f32; font-size: 14px; color: #fff;line-height: 50px}
.top_bi .opt-right h2 .btn-close{margin-left: 14px; color: #fff;}
.top_bi .opt-right ul{display: none;}
/*top_bi*/

.btn-primary {color: #fff; background-color: #337ab7;border-color: #2e6da4;}
.btn {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.content_bi{}
.nav-left{width: 180px;min-height:620px;}
.nav-left .nav-li{margin-bottom: 0px;}
.nav-left .nav-li h1{padding: 0 20px 0 14px; line-height: 35px;background-color: #42485B;}
.nav-left .nav-li h1 a{display: block; font-size: 14px; color: #fff; line-height: 35px;}
.nav-left .nav-li h1 a .fr{margin-top: 14px;}
.nav-left .nav-li h1 a .icon-caret-right, 
.nav-left .nav-li h1 a .icon-caret-down{margin-right: 6px;}
.nav-left .nav-li h1:hover, 
.nav-left .nav-li h1.on{background-color: #00C1DE;}
.nav-left .nav-li.open ul{display: block;}
.nav-left .nav-li ul{display: none;}
.nav-left .nav-li ul li{ background-color: #4A5064;}
.nav-left .nav-li ul li a{display: block; padding-left: 28px; font-size: 14px; color: #fff; line-height: 35px;}
.nav-left .nav-li ul li a:hover{color:#333;background-color: #D9DEE4;}
.nav-left .nav-li ul li a.on{background-color: #00C1DE;}
.nav-left .nav-li ul li dl dd a{padding-left: 46px;background-color: #D9DEE4;color:#333;}
.nav-left .nav-li ul li dl dd a:hover{background-color: #F4F6F8;}
.nav-left .nav-li ul li dl dd a.on{background-color: #fff;}
.nav-left .nav-li ul li a i{float: right; margin: 14px 22px 0 0; width: 10px; height: 10px; display: none;}


/*.nav-left .nav-li ul li dl dd a{padding-left: 46px;border-bottom: 1px solid #4d545d;}
.nav-left .nav-li ul li dl dd a.on{background-color: #FFA200;}
.nav-left .nav-li ul li.xxxx a{border-bottom: 1px solid #4d545d; background-color: #293038;}
.nav-left .nav-li ul li.xxxx li{border-bottom: 0px solid #4d545d; background-color: #293038;}
nav-left*/



.list-left{width: 85%;}
.list-right{width: 98%;}
.list-right .title-lr{padding: 16px 0; border-bottom: 1px solid #ddd;}
.list-right .title-lr h1{padding-left: 8px; border-left: 2px solid #88B7E0; font-size: 14px; color: #666; line-height: 15px;}
.list-right .title-lr h1 a{color: #666;}
.list-right .title-lr h1 a:hover{color: #000;}
.list-left{min-height:620px;display:inline-block;180px; position:absolute;}
.list-left iframe{min-height:620px;display:inline-block;}

/*title-lr*/

.list-right .condition-query{padding-top: 22px; padding-bottom: 28px;}
.list-right .condition-query label{font-size: 12px; color: #323232; line-height: 29px;}
.list-right .condition-query select, .list-right .condition-query input[type=text]{padding: 0; margin: 0; height: 21px; border: 1px solid #c1c1c1; line-height: 21px; font-size: 12px; color: #323232; text-indent: 4px;}
.w119{width: 119px;}
.w53{width: 53px;}
.ml36{margin-left: 36px;}
.ml38{margin-left: 38px;}
.ml70{margin-left: 20px;}

.button{width: 50px; height: 26px; font-size: 12px; text-align: center; line-height: 26px; color: #fff; opacity: 1;border-radius：2px;}
.button:hover{opacity:0.7;}
.btn-query{background-color: #09458b;}
.btn-query2{background-color: #1C51B3;}
.btn-reset{background-color: #2171ce;}
.btn-add{background-color: #84ba43;}
.btn-del{background-color: #2171ce;}
.btn-back{background-color: #2171ce;}
.btn-sure{background-color: #09c;}
.btn-again{background-color: #FFFAFA;}
.btn-close{background-color: #09458b;}
.btn-copy{background-color: #84ba43;}
.btn-update{background-color: #2171ce;}
.btn-save{background-color: #ffa200;}

.list-right .condition-query .button{vertical-align: middle;}
/*condition-query*/

.list-right .condition-result{}


.list-right .condition-result table{width: 100%;border:1px solid #e1e6eb;}
.list-right .condition-result table tr{}
.list-right .condition-result table tr th, .list-right .condition-result table tr td{border: 1px solid #e1e6eb;}
.list-right .condition-result table tr th{height: 30px; font-size: 12px; color: #222; font-weight: 500; line-height: 20px; background-color: #F5F6FA;}
.list-right .condition-result table tr td{height: 28px; font-size: 12px; color: #6e6e6e; font-weight: 500; text-align: center; line-height: 20px; /*background-color: #f5f6fa;*/}


.list-right .condition-result table tr td.special{text-align: right; color: #6e6e6e; background-color: #F5F6FA;}
.list-right .condition-result table tr td.special a{color:#6e6e6e; margin: 0 3px; /*opacity: 0.6;*/ transition: all 0.3s;}
.list-right .condition-result table tr td.special a:hover{opacity: 1;}
.list-right .condition-result table tr td.special select{color: #6e6e6e;}


.ml22{margin-left: 22px;}
.m17{margin: 0 17px;}
.ml12{margin-left: 12px;}

.opt{height: 18px; line-height: 18px; padding: 0 2px; font-size: 12px; color: #06C; margin: 0 2px; opacity: 1; transition: all 0.3s;}
.opt:hover{color:#003399;text-decoration:underline;}
/*.opt.upd{border: 1px solid #2171ce;}
.opt.del{border: 1px solid #ff0600;}
.opt.det{border: 1px solid #ffa200;}
condition-result*/


.btn-list-box{padding-top: 23px; padding-bottom: 28px;}
.btn-list-box a{margin-left: 7px;}
/*btn-list-box*/

.info-basic{}
.info-basic table, .anylise-role table{width: 100%;}
.info-basic table tr td, .anylise-role table tr td, .info-basic table tr th, .anylise-role table tr th{height: 28px; font-size: 12px; color: #7f7f7f; text-align: center; line-height: 28px; border: 1px solid #e9e9e9; background-color: #f5f6fa;}
.info-basic table tr td.label, .anylise-role table tr td.label{width: 255px; font-weight: 600; clear: #09458b;}
.info-basic table tr th, .anylise-role table tr th{font-weight: 500; color: #fff; background-color: #09458b;}
.anylise-role{padding-top: 26px;}
/*info-basic*/
/*anylise-role*/


.box-pop{position: absolute; left: 0; top:0; width: 100%; height: 100%; font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei"; background-color: rgba(0, 0, 0, 0.2); z-index: 99;}
.box-pop .imgsty{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;vertical-align: middle;}
.box-pop .table-cell{width: 100%; }


.module-box{width: 802px; margin: 0 auto; background-color: #fff;margin-top:48px;}

.module-box table tr th, .module-box table tr td{border: 1px solid #e1e6eb; height: 30px; line-height: 30px;}
.module-box table tr th{font-size: 18px; font-weight: 500; color: #222; background-color: #F5F6FA;}
.module-box table tr td{font-size: 12px;}
.module-box table tr td.label{color: black; text-align: center;}
.module-box table tr td input[type=text]{margin: 0 5px; padding: 0; height: 25px; text-indent: 2px;font-size: 12px;}
.module-box table tr td input[type=password]{margin: 0 5px; padding: 0; height: 25px; text-indent: 2px;}
.module-box table tr td .value{margin-left: 25px;}
.module-box table tr td i{font-size: 12px;}
.module-box table tr td.label i{color: #ff0000; margin-left: 10px; font-weight: 600;}
.w220{width: 220px;}
.w420{width: 420px;}
.w170{width: 170px;}
.w46{width: 46px;}
.module-box table tr td select{margin: 0 5px; padding: 0; height: 25px; padding: 0 2px;font-size: 12px;color:#222}
/*.module-box table*/
.btn-list-pop{padding: 20px 0;}
.btn-list-pop a{margin: 0 13px;}
/*btn-list-pop*/
/*module-box*/
.module-box .tuodong span{
	color:#666;
}

.box-login{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/bg-login.jpg);}
.box-login .table-cell{width: 100%;}
.login-box{width: 448px; margin: 0 auto; font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
.login-box h1{padding-bottom: 32px;}
.login-box .lb-det{padding: 22px 52px 16px 52px; border-radius: 5px; background-color: #fff;}
.login-box .lb-det h2{font-size: 22px; color: #b7883e; line-height: 22px;}
.login-box .lb-det ul{padding-top: 4px;}
.login-box .lb-det ul li{}
.login-box .lb-det ul li.input{margin-top: 18px; padding-left: 13px; height: 48px; line-height: 48px; background: url(../images/bg-input.png) no-repeat;}
.login-box .lb-det ul li.input i{font-size: 16px; color: #c1d0d9;}
.login-box .lb-det ul li.input input{margin: 0; padding: 0; width: 300px; height: 36px; font-size: 16px; vertical-align: 2px; border: 0; text-indent: 14px; background-color: #ecf5fa; outline: none;}
.mt22{margin-top: 22px;}
.mt26{margin-top: 26px;}
.login-box .lb-det ul li.btn-list a{margin: 0 7px; width: 125px; height: 35px; font-size: 14px; color: #fff; text-align: center; line-height: 35px; background: url(../images/bg-btn-blue.png) no-repeat; opacity: 0.7; transition: all 0.4s;}
.login-box .lb-det ul li.btn-list a:hover{opacity: 1;}
.login-box .lb-det ul li .fp{font-size: 12px; color: #687f92;}
.login-box .lb-det ul li .fp:hover{text-decoration: underline;}


.cic_query{line-height: 24px; margin: 14px 8px 10px 0px;}
.cic_query .icon-sear{width: 28px; height: 24px; background-position: 0 0;}
.cic_query label{line-height: 24px; vertical-align: top; font-size: 14px;}
.cic_query input[type=text]{width: 170px; padding: 0; height: 26px; border: 1px solid #cccccc; vertical-align: top; text-indent: 12px;font-size: 12px;}
.cic_query .icon-sear,.cic_query  .btn-query,.cic_query  .btn-reset,.btn-update01{background: url(../images/icon-inside.png) no-repeat;}
.ml14{margin-left: 14px;}
.ml26{margin-left: 26px;}
.ml28{margin-left: 28px;}
.cic_query select{height: 24px; padding: 0 14px 0 10px; border: 1px solid #cccccc; color:#222;vertical-align: top;}
.cic_query .btn-query, .cic_query .btn-reset{width: 81px; height: 29px; font: 500 14px/29px "微软雅黑"; color: #fff; text-align: center; vertical-align: top; background-position: -85px -37px;}
.cic_query .btn-query:hover, .cic_query .btn-reset:hover{background-position: -85px -37px;}
.cic_result li h1{padding: 14px 0 8px 0; font-size: 12px;}
.cic_result li table{font-size: 12px; color: #333; text-align:center; line-height: 20px;word-break: break-all; word-wrap:break-word;}
.cic_result li table tr td, 
.cic_result li table tr th{height: 23px; cursor: pointer; border: 1px solid #e1e6eb;font-weight:300;}
.cic_result li table tr th{background-color: #F5F6FA;color: #222;}
.cic_result li table.tb01 tr:hover td,
.cic_result li table.tb01 tr.on td{background-color: #d4d4d4; }
.cic_result li table.tb02 tr:hover td,
.cic_result li table.tb02 tr.on td{background-color: #d4d4d4; }
.cic_result li table.tb03 tr:hover td,
.cic_result li table.tb03 tr.on td{background-color: #d4d4d4; }

.cic_result li table.tb04 tr.on td{background-color: #d4d4d4; }

.btn-box{/*padding: 14px 0 10px 0;*/ text-align: center;}
.btn-box .btn-update01{width: 221px; height: 45px; font: 600 16px/45px "微软雅黑"; color: #fff; text-align: center; background-position: -225px -71px;}
.btn-box .btn-update01:hover{background-position: -225px -71px;}

.top_bi .btn-close{background-color: rgba(0, 0, 0, 0);}


.select-padding{padding: 26px 0 0 12px;}
.select-data{}
.select-data .sd-table{line-height: 34px; font-size: 12px; border: 1px solid #e1e6eb; height: 150px; overflow-y: auto;}
.select-data .sd-table tr th{color: #222; font-weight: 500; background-color: #F5F6FA; border: 1px solid #e1e6eb;}
.select-data .sd-table tr td{text-align: center; border-top: 1px solid #e1e6eb; border-bottom: 1px solid #e1e6eb; background-color: #f5f6fa;}
.select-data .sd-table tr:hover td, .select-data .sd-table tr.on td{background-color: #d4d4d4; cursor: pointer;}
.select-data .sd-btn{margin: 4px 26px 0 0;}




.select-data2{}
.select-data2 .sd-table{ line-height: 30px; font-size: 12px;  height: 450px; overflow-y: auto;}
.select-data2 .sd-table tr th{color: #fff; font-weight: 500; background-color: #09458b; border: 1px solid #000000;}
.select-data2 .sd-table tr td{ line-height: 20px;font-size: 12px;text-align: center;  border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-top: 1px solid #000000;background-color: #f5f6fa;}
.select-data2 .sd-table tr:hover td, .select-data2 .sd-table tr.on td{background-color: #d4d4d4; cursor: pointer;}
.select-data2 .sd-btn{margin: 4px 26px 0 0;}
.select-data2 .sd-table  tr td.special{text-align: right; color: #fff; background-color: #09458b;}
.select-data2 .sd-table  tr td.special a{color: #fff; margin: 0 3px; opacity: 0.6; transition: all 0.3s;}
.select-data2 .sd-table  tr td.special a:hover{opacity: 1;}

.select-data2 .sd-table2{line-height: 30px; font-size: 12px; padding-left:12px; height: 225px; overflow-y: auto;}
.select-data2 .sd-table2 tr th{color: #fff; font-weight: 500; background-color: #09458b; border: 1px solid #000000;}
.select-data2 .sd-table2 tr td{ line-height: 20px;font-size: 12px;text-align: center;  border-right: 1px solid #000000;border-bottom: 1px solid #000000;border-top: 1px solid #000000;background-color: #f5f6fa;}
.select-data2 .sd-table2 tr:hover td, .select-data2 .sd-table2 tr.on td{background-color: #d4d4d4; cursor: pointer;}
.select-data2 .sd-btn2{margin: 4px 26px 0 0;}
.select-data2 .sd-table2  tr td.special{text-align: right; color: #fff; background-color: #09458b;}
.select-data2 .sd-table2  tr td.special a{color: #fff; margin: 0 3px; opacity: 0.6; transition: all 0.3s;}
.select-data2 .sd-table2  tr td.special a:hover{opacity: 1;}


.device-group{padding: 46px 0 0 0;}
.device-group .device-part{width: 204px;}
.device-group .device-part h1{padding-bottom: 12px; font-size: 16px; color: #09458b; font-weight: 500;}
.device-group .device-part .box{border: 1px solid #ddd; height: 230px; overflow-y: auto;}
.device-group .device-part .box h2{font-size: 12px; color: #fff; text-align: center; line-height: 32px; background-color: #09458b;}
.device-group .device-part .box ul{padding: 10px 0 0 23px;}
.device-group .device-part .box ul li.on{background-color: #E9E9E9;}
.device-group .device-part .box ul li h3{padding: 8px 0;}
.device-group .device-part .box ul li h3 a{font-size: 14px; color: #272727;}
.device-group .device-part .box ul li .list{padding-left: 17px;}
.device-group .device-part .box ul li .list a{margin: 8px 0; display: block; font-size: 14px; color: #838383; }
.device-group .device-part .box ul li .list a i{margin-right: 4px;}

.device-btn{margin: 35px 0 0 48px; width: 122px;}
.device-btn a{display: block; margin-bottom: 16px; height: 35px; font-size: 12px; line-height: 35px; border-radius: 4px; text-align: center; color: #fff; transition: all 0.3s; opacity: 0.8;}
.device-btn a:hover{opacity: 1;}
.device-btn a.dt-add{background-color: #09458b;}
.device-btn a.dt-add-all{background-color: #09458b;}
.device-btn a.dt-del{background-color: #ff2d2d;}
.device-btn a.dt-del-all{background-color: #ff2d2d;}
.device-btn a i.dt-icon{width: 23px; height: 23px; vertical-align: -6px; margin-right: 2px; background: url(../images/icon-select.png) no-repeat;}
.device-btn a.dt-add i.dt-icon{background-position: -1px 0;}
.device-btn a.dt-add-all i.dt-icon{background-position: -24px 0;}
.device-btn a.dt-del i.dt-icon{background-position: -47px 0;}
.device-btn a.dt-del-all i.dt-icon{background-position: -70px 0;}


.device-right{margin: 0 0 0 50px;}
.device-right h1{padding-bottom: 12px; font-size: 16px; color: #09458b; font-weight: 500;}
.device-right .box{height: 230px; border: 1px solid #eaeaea; overflow-y: auto;}
.device-right .box table{line-height: 32px; font-size: 12px;}
.device-right .box table tr.on td{background-color: #E9E9E9;}
.device-right .box table tr th{color: #fff; font-weight: 500; background-color: #09458b; border: 1px solid #eaeaea;}
.device-right .box table tr td{text-align: center; border-top: 1px solid #eaeaea;}
.no-bot{border-bottom: 0 !important;}
.dr-btn{margin: 35px 0 0 48px;}

.hide{display: none;}
.xukuang2 .sd-btn{margin: 6px 6px}
.xukuang2{border: 1px  dashed #09458B;border-style: solid;border-radius: 5px;margin: 0px 0px 0 0;}
.xukuang .sd-btn{margin: 6px 6px}
.xukuang{border: 1px  dashed #09458B;border-style: solid;border-radius: 5px;margin: 0px 20px 0px 0px;}

.paging{
	width:100%;
}
.paging a{
	height:16px;
	 border: 1px solid #dce0e0;
	 text-align: center;
	 margin: 0 4px;
	 cursor: pointer;
	 /*display: inline-block;*/
	 padding:3px 8px 4px 8px;
}
.paging a:hover{
 background-color: #5ac3e7;
}
.paging .current{
 background-color: #5ac3e7;
}
.paging input{
	width:50px;
	height:16px;
}

.paging select{
	width:69px;
	height:22px;
}


